<template>
	<view class="lawyer-introduce" v-if="lawyerDetailData">
		<view class="lawyer-info-container">
			<view class="lawyer-photo-wrapper">
				<u-image :src="lawyerDetailData.avatars" mode="widthFix" width="100%" height="100%"
					border-radius="12" />
			</view>
			<view class="lawyer-info-wrapper">
				<view class="lawyer-name">
					{{lawyerDetailData.lawyer_name}}
				</view>
				<view class="lawyer-tag-list">
					<view class="lawyer-tag work-year">
						{{lawyerDetailData.year}}年经验
					</view>
					<view class="lawyer-tag lawyer-major">
						全能型律师
					</view>
				</view>
			</view>
		</view>
		<view class="lawyer-introduce-main">
			<view class="service-quality-container">
				<view class="service-quality-item">
					<view class="service-score">
						5.0
					</view>
					<view class="service-name">
						综合评分
					</view>
				</view>
				<view class="service-quality-item">
					<view class="service-score">
						103
					</view>
					<view class="service-name">
						服务人数
					</view>
				</view>
				<view class="service-quality-item">
					<view class="service-score">
						3<text class="time-unit">分钟</text>
					</view>
					<view class="service-name">
						平均等待
					</view>
				</view>
			</view>
			<view class="lawyer-specialty-container">
				<view class="specialty-label">
					擅长领域:
				</view>
				<view class="specialty-list-wrapper">
					<view class="specialty-item" v-for="item,index in specialtyList" :key="index">
						{{item}}
					</view>
				</view>
			</view>
			<view class="lawyer-desc-container">
				<view class="desc-label">
					律师简介:
				</view>
				<view class="desc-content">
					{{lawyerDetailData.desc}}
				</view>
			</view>
			<view class="see-more-btn-container">
		<!-- 		<view class="see-more-btn" @click="$u.route('/pages_lawyer/lawyer_evaluation/lawyerEvaluation')">
					查看更多
					<u-icon name="arrow-right" size="20" />
				</view> -->
			</view>
		</view>
		<view class="service-assurance-container">
			<view class="service-assurance-item">
				<i class="iconfont icon-service icon" />全程服务保障
			</view>
			<view class="service-assurance-item">
				<i class="iconfont icon-protect icon" />严格隐私保护
			</view>
			<view class="service-assurance-item">
				<i class="iconfont icon-refund icon" />平均等待
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		options: {
			styleIsolation: 'shared'
		},
		computed: {
			specialtyList() {
				if (this.lawyerDetailData) {
					return this.lawyerDetailData.event.split(',');
				}

			}
		},
		props: {
			lawyerDetailData: {
				type: Object,
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./lawyerIntroduce.scss";
</style>
